import { FC, useEffect, useState } from 'react'
// 一个useEffect可以当成componentDidMount componentDidUpdate componentWillUnmount
const UseEffectCom:FC = () => {
    let [count, setCount] = useState<number>(0)
    // useEffect副作用钩子，比如：异步请求，操作dom可以称之为副作用，把这些逻辑放到Effect里
    useEffect(() => {
        // useEffect会在dom加载之后执行
        document.title = '你修改了' + count + '次'
        console.log(document.getElementById('l'));
        
        return()=>{
            // 返回的函数会在组件卸载的时候执行
            document.title='组件卸载了'
        }
    })
    const handleClick = () => {
        setCount(count+1)
    }
    return (
        <fieldset>
            <legend id='l'>useEffect</legend>
            <button onClick={handleClick}>点击修改标题</button>
        </fieldset>
    )
}
export default UseEffectCom